<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'MyJsp.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css"><!-- Bootstrap -->
<link href="css/bootstrap-theme.css" rel="stylesheet" type="text/css"><!-- Bootstrap Theme -->
<link href="css/style.css" rel="stylesheet" type="text/css"><!-- Style Css -->
<link href="vendor/magnific/magnific-popup.css" rel="stylesheet" type="text/css"><!-- Magnific Popup -->
<link href="vendor/owl-carousel/css/owl.carousel.css" rel="stylesheet" type="text/css"><!-- Owl Carousel -->
<link href="vendor/owl-carousel/css/owl.theme.css" rel="stylesheet" type="text/css"><!-- Owl Carousel Theme -->
<!-- Color Style -->
<link href="colors/color1.css" rel="stylesheet" type="text/css">
<link href="css/custom.css" rel="stylesheet" type="text/css"><!-- CUSTOM STYLESHEET FOR STYLING -->
<!-- SCRIPTS
  ================================================== -->
<script src="js/modernizr.js"></script><!-- Modernizr -->

  </head>
  
  <body class="home">
<div class="body">
	<!-- 头部 -->
     <%@include file="top.jsp" %>
    <!-- 幻灯片-->
   	<div class="">
   		<img src="images/ban3.jpg"/>  		
   	</div>
    <!-- 联系我们-->
  	<div class="main" role="main">
    	<div id="content" class="content full">
            <!-- start container -->
            <div class="container padding-tb60">
                <div class="spacer-50">
                        <img src="images/zhua.png">
                        <h2 style="font-weight: 400;"><span>——</span>爱宠品种<span>——</span></h2>
                    </div>              
                <div class="warp clearfix">
	                <div class="kinds clearfix">
	                	<div class="left-img">
	                		<img src="images/kinds (2).jpg"/>
	                	</div>
	                	<div class="right-words r">
	                		<h3>法牛系列<span>FRENCH BULLDOG</span></h4>
	                		<p>聪明敏捷  开朗不常吠</p>
	                		<hr />
	                		<p>法国斗牛犬是一种活泼、聪明、肌肉发达的狗，骨骼沉重，被毛平滑、结构紧凑，体型中等或较小。表情显得警惕、好奇而感兴趣。 法国斗牛犬亲切，敦厚，忠诚，执著，勇敢，具有独特的品位，而且完全表露于表情与动作。对小孩和善，同时也是作风彪悍，能力强，对于新鲜事物有极强的好奇心的优秀玩具犬。</p>
	                	</div>                	             	
	                </div>
	                <div class="kinds clearfix">  
	                	<div class="left-img y">
	                		<img src="images/kinds (3).jpg"/>
	                	</div>
	                	<div class="right-words l y">
	                		<h3>金毛系列<span>GOLDEN RETIEVER</span></h4>
	                		<p>热情友善，自信且不怕生</p>
	                		<hr />
	                		<p>金毛犬是比较现代并很流行的狗的品种，是最常见的家犬之一，因为它很容易养，有耐心并且对主人要求不多，只要定期的运动，食物和兽医体检就可以了。金毛的独特之处在于它讨人喜欢的性格，是属于匀称、有力、活泼的一个犬种，特征是表情友善，个性热情、机警、自信而且不怕生。</p>
	                	</div>                	
	                </div> 
	                <div class="kinds clearfix">
	                	<div class="left-img">
	                		<img src="images/kinds (4).jpg"/>
	                	</div>
	                	<div class="right-words r">
	                		<h3>萨摩系列<span>SAMOYED</span></h4>
	                		<p>乖巧可爱  微笑天使</p>
	                		<hr />
	                		<p>萨摩耶犬，原是西伯利亚的原住民萨摩耶族培育出的犬种。机警、强壮、灵活、美丽、高贵优雅、乖巧可爱，有着非常引人注目的外表，体格强健，有“微笑天使”的称号，也有着“微笑天使面孔，捣蛋魔鬼内心”之称，一岁前调皮、灵动。萨摩基本上是没有黑色的。</p>
	                	</div>                	             	
	                </div>
	                <div class="kinds clearfix">
	                	<div class="left-img y">
	                		<img src="images/kinds (5).jpg"/>
	                	</div>               	
	                	<div class="right-words l y">
	                		<h3>布偶猫系列<span>Ragdoll</span></h4>
	                		<p>身体柔软  温顺好静</p>
	                		<hr />
	                		<p>布偶猫，发源于美国，又称“布拉多尔猫”，是一种杂交品种。是现存体型最大、体重最重的猫之一。头呈楔形，眼大而圆，被毛丰厚，四肢较长且富有肉感，尾长，身体柔软。布偶猫较为温顺好静，对人友善。其美丽优雅又非常类似于狗的性格而又被称为"仙女猫"。特殊的外貌是布偶猫最大的特点之一。</p>
	                	</div>  	                	
	                </div> 
	                <div class="kinds clearfix">
	                	<div class="left-img">
	                		<img src="images/kinds (1).jpg"/>
	                	</div>
	                	<div class="right-words r">
	                		<h3>短毛猫系列<span>Felinae</span></h4>
	                		<p>体格魁伟  骨胳粗壮  生性聪明</p>
	                		<hr />
	                		<p>短毛猫是原产美国的一种猫，其祖先为欧洲早期移民带到北美的猫种。据记载，该品种的猫是和进口品种如英国短毛猫、缅甸猫和波斯猫杂交培育而成。美国短毛猫素以体格魁伟，骨胳粗壮，生性聪明，性格温顺而著称，是短毛猫类中大型品种。被毛厚密，毛色多达30余种，其中银色条纹品种尤为名贵。</p>
	                	</div>                	             	
	                </div>
                </div>
                <div class="spacer-50"></div>
            </div>
            <!-- end container -->
        </div>
    </div>
    <!-- 尾部 -->
    <%@include file="botton.jsp" %>
  	<a id="back-to-top"><i class="fa fa-arrow-up"></i></a> 
</div>
<script src="js/jquery-2.2.3.min.js"></script> <!-- Jquery Library Call -->
<script src="vendor/magnific/jquery.magnific-popup.min.js"></script> <!-- Maginific Popup Plugin -->
<script src="js/ui-plugins.js"></script> <!-- UI Plugins -->
<script src="js/helper-plugins.js"></script> <!-- Helper Plugins -->
<script src="vendor/owl-carousel/js/owl.carousel.min.js"></script> <!-- Owl Carousel -->
<script src="js/bootstrap.js"></script> <!-- UI -->
<script src="js/init.js"></script> <!-- All Scripts -->
<script src="vendor/flexslider/js/jquery.flexslider.js"></script> <!-- FlexSlider -->
<!--<script src="js/jquery.mb.YTPlayer.js"></script>-->
</body>
</html>
